<html ng-app="zhaofuliApp">
<head>
    <title>找福利阅读器 Build 20140417</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="小鳥遊死月" />
    <meta charset="UTF-8" />

    <link rel="stylesheet" href="../assets/buttons/css/buttons.css" />
    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="../assets/css/style.css" type="text/css" />
    <link rel="stylesheet" href="../assets/css/nanoscroller.css" type="text/css" />
    <link rel="stylesheet" href="../assets/css/animate.css" type="text/css" />

    <script src="../assets/js/jquery-2.1.0.min.js"></script>
    <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/vex/js/vex.combined.min.js"></script>
    <script>vex.defaultOptions.className = 'vex-theme-flat-attack';</script>
    <link rel="stylesheet" href="../assets/vex/css/vex.css" />
    <link rel="stylesheet" href="../assets/vex/css/vex-theme-flat-attack.css" />

    <script src="../assets/buttons/js/buttons.js"></script>
    <script src="../assets/js/jquery.lazyload.min.js"></script>
    <script src="../assets/js/jquery.pin.min.js"></script>
    <script src="../assets/js/jquery.nanoscroller.min.js"></script>
    <script src="../assets/js/say/jquery.say.js"></script>
    <script src="../assets/js/za.js"></script>

    <!-- fancy box start -->
        <script type="text/javascript" src="../assets/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

        <script type="text/javascript" src="../assets/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
        <link rel="stylesheet" type="text/css" href="../assets/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

        <link rel="stylesheet" href="../assets/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
        <script type="text/javascript" src="../assets/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
        <script type="text/javascript" src="../assets/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

        <link rel="stylesheet" href="../assets/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
        <script type="text/javascript" src="../assets/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
    <!-- fancy box end -->

    <script src="../assets/js/index.js"></script>
</head>
<body>
    <div class="title-bar title-can-move">
        <div class="title-logo fl"></div>

        <div class="title-operators fr">
            <div class="title-operator minimize fl" title="最小化"></div>
            <div class="title-operator restore fl" title="恢复窗口"></div>
            <div class="title-operator maximize fl" title="最大化"></div>
            <div class="title-operator close-btn fl" title="关闭窗口"></div>
        </div>

        <div class="cl"></div>
    </div>
    <div id="banner-object"></div>
    <div style="height: 45px;"></div>
    <div class="nano">
        <div class="nano-content">
            <div id="top-margin"></div>

            <div id="nav" class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="btn-group">
                            <a type="button" class="btn btn-info btn-warning">全部</a>
                            <a type="button" class="btn btn-info">福利</a>
                            <a type="button" class="btn btn-info">软件</a>
                            <a type="button" class="btn btn-info">内涵</a>
                            <a type="button" class="btn btn-info">发源</a>
                            <a type="button" class="btn btn-info">极客</a>
                            <a type="button" class="btn btn-info">游戏</a>
                            <a type="button" class="btn btn-info">推荐</a>
                        </div>
                    </div>
                </div>
            </div>

            <div id="body">
                <div class="container">
                    <div id="daily-sentence">
                        <div class="row">
                            <div class="col-md-8 col-md-offset-2">
                                <div class="row">
                                    <div id="en-sentence" class="col-xs-11"><span data-toggle="tooltip" data-placement="top">Each day one sentence.</span></div>
                                    <div class="col-xs-1" style="height: 25px; text-align: right;">
                                        <a id="say-english" type="button" class="btn btn-info btn-xs" style="margin-top: 5px;">
                                            <i class="glyphicon glyphicon-volume-up"> </i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-8 col-md-offset-2">
                                <div class="row">
                                    <div id="zh-sentence" class="col-xs-11"><span data-toggle="tooltip" data-placement="top">每日一句。</span></div>
                                    <div class="col-xs-1" style="text-align: right;">
                                        <a id="say-chinese" type="button" class="btn btn-info btn-xs" style="margin-top: 3px;">
                                            <i class="glyphicon glyphicon-volume-up"> </i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="container" id="list-container-wrapper">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div id="list-container" class="col-xs-8">

                            </div>

                            <div class="col-xs-4">
                                <div id="top-articles">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">置顶文章</div>
                                        <div class="panel-body">
                                            <p>...</p>
                                        </div>
                                    </div>
                                </div>

                                <div id="top-articles-alignment" style="width: 100%;"></div>
                            </div>
                        </div>
                    </div>

                    <div class="row" id="information-page-wrapper" style="display: none;">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="row">
                                <div class="col-xs-4">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="information-page-left">
                                                <a href="#" class="navi-back button button-block button-rounded button-large"><i class="glyphicon glyphicon-chevron-left"></i> 返回</a>

                                                <div class="panel panel-info" id="information-page-prev">
                                                    <div class="panel-heading">上一篇</div>
                                                    <div class="panel-body">
                                                        <!--【思念家乡的味道】如果你懂就进来吧-->
                                                        <a href="#"></a>
                                                    </div>
                                                </div>

                                                <div class="panel panel-info" id="information-page-next">
                                                    <div class="panel-heading">下一篇</div>
                                                    <div class="panel-body">
                                                        <!--【思念家乡的味道】如果你懂就进来吧-->
                                                        <a href="#"></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="information-page" class="col-xs-8">
                                    <div id="information-page-inner" class="animated flipInY jumbotron">
                                        <div id="information-page-inner-title">
                                            <h3></h3>
                                            <p>
                                                <span class="label label-info" id="information-page-inner-author"></span>
                                                发布于
                                                <span class="label label-info" id="information-page-inner-date"></span>
                                            </p>
                                        </div>

                                        <div id="information-page-inner-body">

                                        </div>

                                        <div id="information-page-inner-comment">

                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div id="information-progress" class="progress progress-striped active">
                                                <div class="progress-bar"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                                    <span></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
